$(document).ready(function () {
    // 七牛上传文件公共方法
    // 第一步,引入文件：<script src="{{url_for('static', filename='opc.js')}}"></script>
    // 第二部, 定义一个input,具体如下:
    // <input type="file" class="qiniu_upload" accept=".jpg,.png" data-img-key="img_key">
    // 说明：data-img-key为选填参数,若不填则默认为img_key
    $('.qiniu_upload').prop('accept', '.jpg,.png').change(function () {
        var formData = new FormData();
        formData.append('file', this.files[0]);
        var dis = $(this);
        var img_key = $(this).data('img-key');
        if(img_key === undefined){
            img_key = 'img_key'
        }

        if(dis[0].nextElementSibling.tagName === 'IMG'){
            dis[0].nextElementSibling.remove()
        }

        if(dis[0].nextElementSibling.name === img_key){
            dis[0].nextElementSibling.remove()
        }

        $.ajax({
            url: '/enterprise/ajax/upload_img',
            type: 'POST',
            dataType: "json",
            async: false,
            processData: false,
            contentType: false,
            data: formData,
            success: function(data){
                dis.after(
                    '<input type="hidden" name="' + img_key + '" value="' + data['key'] + '">'
                ).after(
                    '<img src="' + data['url'] + '" width="300px" height="300px">'
                )
            },
            error: function(){
                alert('图片上传失败,请联系管理员')
            }
        })
    })
});